@import "../../css/base_mob.css";

//显示原图朦层
.popup {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  overflow: auto;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .bg {
    width: 100%;
    height: 100%;
    position: relative;
    img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    }

  }
}

//教学理念示例朦层
.teach_idea {
  display: none;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .idea_box {
    width: 100%;
    height: 100%;
    padding: 130/37.5rem 70/37.5rem 20/37.5rem;
    .idea_tit {
      color: #fff;
      font-size: 20/37.5rem;
      line-height: 28/37.5rem;
      text-align: center;
      padding-bottom: 14/37.5rem;
    }
    .idea_con {
      color: #fff;
      font-size: 14/37.5rem;
      line-height: 26/37.5rem;
      text-align: center;
      padding-bottom: 120/37.5rem;
    }
    .idea_close {
      display: block;
      width: 36/37.5rem;
      height: 36/37.5rem;
      margin: 0 auto;
    }
  }
}


.warp {
  width: 100%;
  max-width: 540px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /*清除点击高亮效果*/
  ::-webkit-input-placeholder {
    font-size: 13/37.5rem;
    color: #999;
  }
  ::-moz-placeholder {
    font-size: 13/37.5rem;
    color: #999;
  }
  :-ms-input-placeholder {
    font-size: 13/37.5rem;
    color: #999;
  }
  input:-moz-placeholder {
     font-size: 13/37.5rem;
     color: #999;
   }
  //上传图片提示文字
  .prompt_img {
    padding-top: 10/37.5rem;
    padding-left: 28/37.5rem;
    font-size: 12/37.5rem;
    line-height: 17/37.5rem;
    color: #999999;
    text-align: left;
  }
  //上传图片提示文字
  .prompt_img1 {
    padding-top: 10/37.5rem;
    padding-left: 13/37.5rem;
    font-size: 12/37.5rem;
    line-height: 17/37.5rem;
    color: #999999;
    text-align: left;
  }
  //资料上传列表
  .dataUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //顶部介绍
    .data_top {
      width: 100%;
      padding: 30/37.5rem 20/37.5rem 0;
      background-color: #fff;
      .data_topli {
        padding-bottom: 30/37.5rem;
        .top_tit {
          font-size: 14/37.5rem;
          color: #333;
          line-height: 20/37.5rem;
          padding-bottom: 5/37.5rem;
        }
        .top_txt {
          padding-left: 10/37.5rem;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
          color: #666;
        }
      }
    }
    //资料上传板块
    .data_cen {
      margin-top: 10/37.5rem;
      width: 100%;
      padding: 10/37.5rem 20/37.5rem;
      background-color: #fff;
      .data_cenli:nth-child(odd) {
        border-right: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
      }
      .data_cenli:nth-child(even) {
        border-bottom: 1px solid #DDDDDD;
      }
      .no_borcenli {
        border-bottom: none !important;
      }
      .data_cenli {
        float: left;
        width: 50%;
        padding: 20/37.5rem 0 25/37.5rem 20/37.5rem;
        .icon_img {
          display: block;
          width: 28/37.5rem;
          height: 28/37.5rem;

        }
        .cen_txt {
          min-width: 55%;
          padding-left: 11/37.5rem;
          position: relative;
          h3 {
            font-size: 13/37.5rem;
            color: #333;
            line-height: 18/37.5rem;
            margin-bottom: 5/37.5rem;
            background: url("../images/grayarr.png") no-repeat right center;
            background-size: 5/37.5rem 8/37.5rem;

          }
          .state_span {
            display: block;
            position: absolute;
            left: 11/37.5rem;
            font-size: 9/37.5rem;
            color: #666;
            line-height: 13/37.5rem;
          }
        }
      }
      .active_cenli {
        background-color: #F3F3F3;
      }
    }
    //底部文字提示
    .data_bottxt {
      text-align: center;
      padding-top: 37/37.5rem;
      font-size: 12/37.5rem;
      line-height: 17/37.5rem;
      color: #999;
    }
  }
  //基础资料上传部分
  .basicsUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/37.5rem 20/37.5rem 37/37.5rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/37.5rem;
        background-color: rgba(255,255,255,0.2);
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress11{
        background: #FFFFFF;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress11:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress12 {
        width: 8%;
        background: #FFFFFF;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress12:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress13 {
        width: 16%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress13:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress14 {
        width: 24%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress14:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress15 {
        width: 32%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress15:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress16 {
        width: 40%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress16:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress17 {
        width: 48%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress17:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress18 {
        width: 56%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress18:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress19 {
        width: 64%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress19:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress20 {
        width: 72%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress20:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress21 {
        width: 80%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress21:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress22 {
        width: 88%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress22:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress23 {
        width: 96%;
        background: #ffffff;
        height: 100%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress23:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/37.5rem;
      }
      .progress_zeo {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        line-height: 17/37.5rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //填写幼儿园信息
    .basics_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        padding: 0 20/37.5rem 0;
        height: 55/37.5rem;
        background-color: #F2FDF1;
        .title_h {
          font-size: 14/37.5rem;
          line-height: 55/37.5rem;
          color: #333333;
          span {
            font-size: 10/37.5rem;
            line-height: 55/37.5rem;
            color: #999999;
            padding-top: 3/37.5rem;
          }
        }
        //非必填
        .non_compul {
          display: block;
          font-size: 10/37.5rem;
          line-height: 55/37.5rem;
          color: #999999;
        }
        // 五角星的表示
        .required_star {
          display: block;
          font-size: 14/37.5rem;
          line-height: 55/37.5rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          display: block;
          font-size: 10/37.5rem;
          line-height: 55/37.5rem;
          color: #FF4539;
          padding-right: 10/37.5rem;
        }
      }
      .render_mess {
        width: 100%;
        padding: 20/37.5rem 20/37.5rem 25/37.5rem;
        .class_num {
          padding-bottom: 20/37.5rem;
        }
        .title_h {
          font-size: 14/37.5rem;
          line-height: 20/37.5rem;
          color: #333333;
          padding-top: 10/37.5rem;
          span {
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
            color: #999999;
            padding-top: 3/37.5rem;
          }
        }
        // 五角星的表示
        .required_star {
          font-size: 14/37.5rem;
          line-height: 20/37.5rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          font-size: 10/37.5rem;
          line-height: 14/37.5rem;
          color: #FF4539;
          padding-right: 10/37.5rem;
          padding-top: 3/37.5rem;
        }
        //非必填
        .non_compul {
          font-size: 10/37.5rem;
          line-height: 14/37.5rem;
          color: #999999;
          padding-top: 12/37.5rem;
        }
        .basics_render {
          width: 100%;
          color: #333;
          font-size: 13/37.5rem;
          line-height: 43/37.5rem;
          border-bottom: 1px solid #DDDDDD;
        }

      }
      //日期选择样式
      .setupin {
        width: 100%;
        color: #333;
        font-size: 13/37.5rem;
        line-height: 43/37.5rem;
        border-bottom: 1px solid #DDDDDD;
      }
      .date_con {
        width: 100%;
        padding-top: 15/37.5rem;
        position: relative;
        .demo_date {
          width: 100%;
          height: 47/37.5rem;
          color: #333;
          text-align: center;
          font-size: 13/37.5rem;
          line-height: 47/37.5rem;
          background-color: #F3F3F3;
        }
        .data_arr {
          position: absolute;
          top: 31/37.5rem;
          right: 10/37.5rem;
          width: 15/37.5rem;
          height: 15/37.5rem;
          background: url("../images/arrboticon.png") no-repeat center;
          background-size: 100% 100%;
        }
      }
      //园所性质
      .record_ul {
        //padding-top: 20/37.5rem;
        .record_list {
          width: 100%;
          padding: 15/37.5rem 15/37.5rem;
          background-color: #F3F3F3;
          margin-bottom: 10/37.5rem;
          -webkit-border-radius: 4/37.5rem;
          -moz-border-radius: 4/37.5rem;
          -ms-border-radius: 4/37.5rem;
          -o-border-radius: 4/37.5rem;
          border-radius: 4/37.5rem;
          p {
            color: #333333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }
        .current_list p {
          color: #333333;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
          background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
          background-size: 16/37.5rem 16/37.5rem;
        }
      }
      //园所地址
      .basics_add {
        border-bottom: 1px solid #DDDDDD;
        .add_input {
          width: 100%;
          font-size: 13/37.5rem;
          line-height: 43/37.5rem;
          color: #333;
          text-align: left;
        }
      }
      .basics_marbot {
        margin-bottom: 30/37.5rem;
      }
      .basics_martop {
        margin-top: 30/37.5rem;
      }
      //详细地址
      .deta_tit {
        padding: 20/37.5rem 0 0;
        font-size: 14/37.5rem;
        line-height: 20/37.5rem;
        color: #333;
      }
      .add_deta {
        padding: 20/37.5rem 0 10/37.5rem;
        border-bottom: 1px solid #DDDDDD;
        .deta_text {
          width: 100%;
          height: 20/37.5rem;
          font-size: 13/37.5rem;
          color: #333;
          line-height: 18/37.5rem;
        }
      }

      //联系方式
      .render_tell {
        .tell_li{
          margin-bottom: 30/37.5rem;
          .basics_label {
            display: block;
            float: left;
            width: 16%;
            padding-top: 13/37.5rem;
            line-height: 18/37.5rem;
            font-size: 13/37.5rem;
            color: #333;

          }
          .tall_input {
            width: 84%;
            height: 40/37.5rem;
            float: left;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding: 11/37.5rem 13/37.5rem;
            border: 1px solid #DDDDDD;
            background-color: #f3f3f3;
            -webkit-border-radius: 8/37.5rem;
            -moz-border-radius: 8/37.5rem;
            -ms-border-radius: 8/37.5rem;
            -o-border-radius: 8/37.5rem;
            border-radius: 8/37.5rem;
          }
        }
      }
      //提示文本
      .prompt_p {
        text-align: right;
        margin-top: -25/37.5rem;
        font-size: 10/37.5rem;
        line-height: 14/37.5rem;
        color: #FF4539;
      }
      //教学理念
      .basics_teach {
        padding: 10/37.5rem 0 0;
        .exam_text {
          width: 100%;
          min-height: 150/37.5rem;
          padding: 10/37.5rem;
          font-size: 13/37.5rem;
          color: #333;
          line-height: 18/37.5rem;
          background-color: #F3F3F3;
          border: 1px solid #dddddd;
          -webkit-border-radius: 8/37.5rem;
          -moz-border-radius: 8/37.5rem;
          -ms-border-radius: 8/37.5rem;
          -o-border-radius: 8/37.5rem;
          border-radius: 8/37.5rem;
        }
        .examples {
          padding-top: 5/37.5rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
          }
          .length {
            color: #666666;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      .square {
        font-size: 13/37.5rem;
        line-height: 43/37.5rem;
        color: #333;
      }
      //分割线
      .line {
        width: 100%;
        border-bottom: 1px solid #DDDDDD;
        margin: 0 0 30/37.5rem;
      }
      //建筑面积
      .basics_acre {
        width: 80%;
        color: #333;
        font-size: 13/37.5rem;
        line-height: 43/37.5rem;
      }
      //配备人员
      .equipment {
        padding: 10/37.5rem 0 30/37.5rem;
        li {
          float: left;
          .equi_tit {
            color: #333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding-top: 10/37.5rem;
          }
          .basics_eui {
            width: 74/37.5rem;
            height: 40/37.5rem;
            color: #333;
            padding: 0 5/37.5rem;
            background-color: #F3F3F3;
            border: 1px solid #dddddd;
            margin-left: 10/37.5rem;
            -webkit-border-radius: 4/37.5rem;
            -moz-border-radius: 4/37.5rem;
            -ms-border-radius: 4/37.5rem;
            -o-border-radius: 4/37.5rem;
            border-radius: 4/37.5rem;
          }
          .square1 {
            color: #333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding-top: 10/37.5rem;
            padding-left: 14/37.5rem;
          }
        }
        li:nth-child(odd) {
          width: 45%;
          margin-right: 33.5/37.5rem;
        }
        li:nth-child(even) {
          width: 45%;
        }
      }

      //园所性质
      .characteristic {
        //margin-top: -30/37.5rem;
        .charac_list {
          width: 100%;
          padding: 15/37.5rem 15/37.5rem;
          margin-bottom: 10/37.5rem;
          border-bottom: 1px solid #dddddd;
          p {
            color: #666;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }
        .current_list p {
          color: #666;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
          background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
          background-size: 16/37.5rem 16/37.5rem;
        }
      }
      //特色其他
      .other_add {
        width: 100%;
        background-color: #F3F3F3;
        margin-top: 21/37.5rem;
        padding: 7/37.5rem 15/37.5rem 20/37.5rem;
        h3 {
          color: #333;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
          //padding-bottom: 15/37.5rem;
        }
        .charac_list {
          width: 100%;
          padding: 20/37.5rem 15/37.5rem;
          border-bottom: 1px solid #dddddd;
          p {
            color: #666;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }
        .current_list p {
          color: #666;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
          background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
          background-size: 16/37.5rem 16/37.5rem;
        }
        .add_mess {
          width: 100%;
          background-color: #fff;
          line-height: 40/37.5rem;
          height: 40/37.5rem;
          color: #333;
          padding: 0 15/37.5rem;
          margin-top: 20/37.5rem;
        }
        .sure_addbtn {
          display: block;
          width: 100%;
          text-align: center;
          padding-top: 20/37.5rem;
          color: #63A431;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
        }
      }

      //装饰材料
      .certificate_txt {
        padding: 10/37.5rem 0 40/37.5rem;
        color: #333333;
        font-size: 13/37.5rem;
        line-height: 18/37.5rem;
        margin-top: -10/37.5rem;
      }
      .yesno_ul {
        padding: 0 18/37.5rem;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        li {
          //float: left;
          flex: 1;
          //width: 130/37.5rem;
          padding: 0 40/37.5rem;
          height: 40/37.5rem;
          text-align: left;
          background-color: #F3F3F3;
          a {
            display: block;
            font-size: 14/37.5rem;
            color: #333333;
            line-height: 40/37.5rem;
            background: url("../images/graydui.png") no-repeat right center;
            background-size: 13/37.5rem 10/37.5rem;
          }
        }
        .yesli{
          margin-right: 35/37.5rem;
        }
        .active_first {
          flex: 1;
          padding: 0 40/37.5rem;
          height: 40/37.5rem;
          text-align: left;
          background-color: #63A431;
          a {
            display: block;
            font-size: 14/37.5rem;
            color: #fff;
            line-height: 40/37.5rem;
            background: url("../images/whitedui.png") no-repeat right center;
            background-size: 13/37.5rem 10/37.5rem;
          }
        }
      }
      .certificate_file {
        padding: 40/37.5rem 0 0;
        color: #333333;
        font-size: 14/37.5rem;
        line-height: 20/37.5rem;
        margin-bottom: -10/37.5rem;
      }

    }
  }
  //环境资料上传
  .enviUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/37.5rem 20/37.5rem 37/37.5rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/37.5rem;
        background-color: rgba(255,255,255,0.2);
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress24{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress24:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress25{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress25:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress26{
        background: #ffffff;
        height: 100%;
        width: 33%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress26:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/37.5rem;
      }
      .progress_zeo {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        line-height: 17/37.5rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .enviUp_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        height: 55/37.5rem;
        padding: 0 20/37.5rem;
        background-color: #F2FDF1;
        .title_h {
          font-size: 14/37.5rem;
          color: #333333;
          line-height: 55/37.5rem;
        }
        //是否必填内容
        .compul {
          font-size: 10/37.5rem;
          line-height: 55/37.5rem;
          color: #999999;
        }
      }
      .envi_mess {
        padding: 10/37.5rem 20/37.5rem 0;
        .envi_teach {
          .exam_text {
            width: 100%;
            min-height: 180/37.5rem;
            padding: 10/37.5rem;
            font-size: 13/37.5rem;
            color: #333;
            line-height: 18/37.5rem;
            background-color: #F3F3F3;
            border: 1px solid #dddddd;
            -webkit-border-radius: 8/37.5rem;
            -moz-border-radius: 8/37.5rem;
            -ms-border-radius: 8/37.5rem;
            -o-border-radius: 8/37.5rem;
            border-radius: 8/37.5rem;
          }
          .examples {
            padding-top: 5/37.5rem;
            .exam_teach {
              color: #0099FF;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
            }
            .length {
              color: #666666;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
              span {
                color: #FF530B;
              }
            }
          }
        }
        .sele_text {
          font-size: 11/37.5rem;
          color: #666666;
          line-height: 16/37.5rem;
          padding-bottom: 10/37.5rem;
        }
      }
      //特色选择
      .characteristic {
        .charac_list {
          width: 100%;
          margin-bottom: 10/37.5rem;
          border-bottom: 1px solid #dddddd;
          .charac_p {
            color: #333333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding: 0 15/37.5rem;
            margin: 20/37.5rem 0;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
          .current_list {
            color: #63A431;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }

      }
      //人数展示区域u
      .num_list {
        display: none;
        position: relative;
        .arr_san {
          display: block;
          width: 30/75rem;
          height: 30/75rem;
          position: absolute;
          left: 30/37.5rem;
          top: -5/37.5rem;
          border: 3px solid transparent;
          border-top: 3px solid #f3f3f3;
          border-left: 3px solid #f3f3f3;
          background-color: #f3f3f3;
          z-index: 99;
          opacity: .8;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        .num_ol {
          width: 100%;
          padding: 20/37.5rem 15/37.5rem 28/37.5rem;
          background-color: #F3F3F3;
          .num_teach {
            margin-bottom: -20/37.5rem;
            .exam_text {
              width: 100%;
              min-height: 70/37.5rem;
              padding: 10/37.5rem;
              font-size: 13/37.5rem;
              color: #333;
              line-height: 18/37.5rem;
              background-color: #FFFFFF;
            }
            .examples {
              padding-top: 5/37.5rem;
              .exam_teach {
                color: #0099FF;
                font-size: 10/37.5rem;
                line-height: 14/37.5rem;
              }
              .length {
                color: #666666;
                font-size: 10/37.5rem;
                line-height: 14/37.5rem;
                span {
                  color: #FF530B;
                }
              }
            }
          }
        }
      }
      //textarea
      .num_teach {
        margin-bottom: -20/37.5rem;
        .exam_text {
          width: 100%;
          min-height: 70/37.5rem;
          padding: 10/37.5rem;
          font-size: 13/37.5rem;
          color: #333;
          line-height: 18/37.5rem;
          background-color: #FFFFFF;
        }
        .examples {
          padding-top: 5/37.5rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
          }
          .length {
            color: #666666;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      // 添加其他特色
      .other_characteristic {
        width: 100%;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/37.5rem 15/37.5rem 0;
          font-size: 13/37.5rem;
          color: #333333;
          line-height: 18/37.5rem;
        }
        .other_ul {
          width: 100%;
          .other_list {
            width: 100%;
            padding:  20/37.5rem 30/37.5rem;
            margin-bottom: 10/37.5rem;
            border-bottom: 1px solid #dddddd;
            .charac_p {
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/graydui.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .current_list {
              color: #63A431;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .charac_content {
              padding-top: 10/37.5rem;
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
            }
            .img_ol {
              margin-left: -10/37.5rem;
              padding-top: 20/37.5rem;
              .img_li {
                float: left;
                width: 84/37.5rem;
                height: 84/37.5rem;
                margin-bottom: 10/37.5rem;
                margin-left: 10/37.5rem;
                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                }
              }

            }
          }

        }

        .input_content {
          width: 100%;
          padding: 20/37.5rem 0 0;
          .con_text {
            width: 100%;
            padding: 0 15/37.5rem;
            .chara_name {
              width: 100%;
              font-size: 13/37.5rem;
              padding: 11/37.5rem 15/37.5rem;
              background-color: #fff;
              margin-bottom: 10/37.5rem;
            }
          }
        }
      }
    }
  }
  //课程设置
  .classUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/37.5rem 20/37.5rem 37/37.5rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/37.5rem;
        background-color: rgba(255,255,255,0.2);
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress27{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress27:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress28{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress28:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress29{
        background: #ffffff;
        height: 100%;
        width: 15%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress29:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress30{
        background: #ffffff;
        height: 100%;
        width: 30%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress30:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress31{
        background: #ffffff;
        height: 100%;
        width: 45%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress31:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress32{
        background: #ffffff;
        height: 100%;
        width: 60%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress32:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress33{
        background: #ffffff;
        height: 100%;
        width: 75%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress33:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/37.5rem;
      }
      .progress_zeo {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        line-height: 17/37.5rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .classUp_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        height: 55/37.5rem;
        padding: 0 20/37.5rem;
        background-color: #F2FDF1;
        .title_h {
          font-size: 14/37.5rem;
          color: #333333;
          line-height: 55/37.5rem;
        }
        //是否必填内容
        .compul {
          font-size: 10/37.5rem;
          line-height: 55/37.5rem;
          color: #999999;
        }
      }
      .envi_mess {
        padding: 10/37.5rem 20/37.5rem 0;
        .envi_teach {
          .exam_text {
            width: 100%;
            min-height: 180/37.5rem;
            padding: 10/37.5rem;
            font-size: 13/37.5rem;
            color: #333;
            line-height: 18/37.5rem;
            background-color: #F3F3F3;
            border: 1px solid #dddddd;
            -webkit-border-radius: 8/37.5rem;
            -moz-border-radius: 8/37.5rem;
            -ms-border-radius: 8/37.5rem;
            -o-border-radius: 8/37.5rem;
            border-radius: 8/37.5rem;
          }
          .examples {
            padding-top: 5/37.5rem;
            .exam_teach {
              color: #0099FF;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
            }
            .length {
              color: #666666;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
              span {
                color: #FF530B;
              }
            }
          }
        }
        .sele_text {
          font-size: 11/37.5rem;
          color: #666666;
          line-height: 16/37.5rem;
          padding-bottom: 10/37.5rem;
        }
      }
      //特色选择
      .characteristic {
        .charac_list {
          width: 100%;
          margin-bottom: 10/37.5rem;
          border-bottom: 1px solid #dddddd;
          .charac_p {
            color: #333333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding: 0 15/37.5rem;
            margin: 20/37.5rem 0;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
          .current_list {
            color: #63A431;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }

      }
      //人数展示区域u
      .num_list {
        display: none;
        position: relative;
        .arr_san {
          display: block;
          width: 30/75rem;
          height: 30/75rem;
          position: absolute;
          left: 30/37.5rem;
          top: -5/37.5rem;
          border: 3px solid transparent;
          border-top: 3px solid #f3f3f3;
          border-left: 3px solid #f3f3f3;
          background-color: #f3f3f3;
          z-index: 99;
          opacity: .8;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        .num_ol {
          width: 100%;
          padding: 20/37.5rem 15/37.5rem 28/37.5rem;
          background-color: #F3F3F3;
          .num_teach {
            margin-bottom: -20/37.5rem;
          }
        }
      }
      //textarea
      .num_teach {
        margin-bottom: -20/37.5rem;
        .exam_text {
          width: 100%;
          min-height: 70/37.5rem;
          padding: 10/37.5rem;
          font-size: 13/37.5rem;
          color: #333;
          line-height: 18/37.5rem;
          background-color: #FFFFFF;
        }
        .examples {
          padding-top: 5/37.5rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
          }
          .length {
            color: #666666;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      // 添加其他特色
      .other_characteristic {
        width: 100%;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/37.5rem 15/37.5rem 0;
          font-size: 13/37.5rem;
          color: #333333;
          line-height: 18/37.5rem;
        }
        .other_ul {
          width: 100%;
          .other_list {
            width: 100%;
            padding:  20/37.5rem 30/37.5rem;
            margin-bottom: 10/37.5rem;
            border-bottom: 1px solid #dddddd;
            .charac_p {
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/graydui.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .current_list {
              color: #63A431;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .charac_content {
              padding-top: 10/37.5rem;
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
            }
            .img_ol {
              margin-left: -10/37.5rem;
              padding-top: 20/37.5rem;
              .img_li {
                float: left;
                width: 84/37.5rem;
                height: 84/37.5rem;
                margin-bottom: 10/37.5rem;
                margin-left: 10/37.5rem;
                position: relative;
                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                }
                .close_icon {
                  position: absolute;
                  right: -0.18666667rem;
                  top: -0.18666667rem;
                  width: 0.37333333rem;
                  height: 0.37333333rem;
                  z-index: 2;
                }
              }

            }
          }

        }

        .input_content {
          width: 100%;
          padding: 20/37.5rem 0 0;
          .con_text {
            width: 100%;
            padding: 0 15/37.5rem;
            .chara_name {
              width: 100%;
              font-size: 13/37.5rem;
              padding: 11/37.5rem 15/37.5rem;
              background-color: #fff;
              margin-bottom: 10/37.5rem;
            }
          }
        }
      }
    }
  }
  //师资团队
  .teacteamUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/37.5rem 20/37.5rem 37/37.5rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/37.5rem;
        background-color: rgba(255,255,255,0.2);
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress34{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        //transition: width 1s linear;
        /* Firefox 4 */
        //-moz-transition:width 1s linear;
        /* Safari and Chrome */
        //-webkit-transition:width 1s linear;
        /* Opera */
        //-o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress34:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/37.5rem;
      }
      .progress_zeo {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        line-height: 17/37.5rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .teacteam_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        height: 55/37.5rem;
        padding: 0 20/37.5rem;
        background-color: #F2FDF1;
        .title_h {
          font-size: 14/37.5rem;
          color: #333333;
          line-height: 55/37.5rem;
        }
        //是否必填内容
        .compul {
          font-size: 10/37.5rem;
          line-height: 55/37.5rem;
          color: #999999;
        }
      }
      .envi_mess {
        padding: 10/37.5rem 20/37.5rem 0;
        .mess_hs {
          padding-top: 20/37.5rem;
          padding-bottom: 10/37.5rem;
        }
        .title_h {
          font-size: 14/37.5rem;
          line-height: 18/37.5rem;
          color: #333333;
        }
        .basics_acre {
          width: 80%;
          color: #333;
          font-size: 13/37.5rem;
          line-height: 43/37.5rem;
        }
        .square {
          line-height: 43/37.5rem;
        }
        // 五角星的表示
        .nocompul {
          font-size: 10/37.5rem;
          line-height: 14/37.5rem;
          color: #999999;
        }
        //后厨团队
        .cook_input {
          width: 100%;
          background-color: #F3F3F3;
          height: 40/37.5rem;
          padding: 0 15/37.5rem;
          margin-top: 12/37.5rem;
          .cook_acre {
            width: 80%;
            height: 100%;
            color: #333;
            font-size: 13/37.5rem;
            line-height: 40/37.5rem;
          }
          .square {
            line-height: 40/37.5rem;
            color: #333;
            font-size: 13/37.5rem;
          }
        }
        .teach_prome {
          width: 100%;
          padding: 10/37.5rem;
          background-color: #F9FCFA;
          margin-top: 20/37.5rem;
          font-size: 11/37.5rem;
          color: #999999;
          line-height: 16/37.5rem;
        }

        //园所地址
        .teacteam_add {
          //padding: 10/37.5rem 0 12/37.5rem;
          height: 43/37.5rem;
          border-bottom: 1px solid #DDDDDD;
          .add_input {
            width: 100%;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            color: #333;
            text-align: left;
          }
        }
        .teach_ul {
          .ol_li {
            //padding-bottom: 12/37.5rem;
            padding-top: 20/37.5rem;
            border-bottom: 1px solid #EEEEEE;
            .name {
              width: 38%;
              font-size: 13/37.5rem;
              line-height: 43/37.5rem;
              color: #333;
            }
            .required {
              width: 62%;
              font-size: 13/37.5rem;
              line-height: 43/37.5rem;
              color: #333;
            }
            //性别
            .con {
              float: right;
              width:62%;
              //padding-left: 30/37.5rem;
              padding-top: 11/37.5rem;
              .radio {
                float: left;
                color: #333;
                margin-right: 28/37.5rem;
                font-size:13/37.5rem;
                line-height: 18/37.5rem;
              }
            }

            //关系选择
            .con_sele {
              float: right;
              width: 62%;
              margin-bottom: 20/37.5rem;
              height: 40/37.5rem;
              //margin-top: 11/37.5rem;
              background-color: #F3F3F3;
              line-height: 40/37.5rem;
              text-align: center;
              position: relative;
              -webkit-border-radius: 4/37.5rem;
              -moz-border-radius: 4/37.5rem;
              -ms-border-radius: 4/37.5rem;
              -o-border-radius: 4/37.5rem;
              border-radius: 4/37.5rem;
              select {
                width: 100%;
                padding-left: 88/37.5rem;
                line-height: 40/37.5rem;
                text-align: center;
                border: 0 none;
                outline: none;
                font-size: 10/37.5rem;
                color: #333;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background-color: rgba(255,255,255,0);
              }
              .arr_icon {
                position: absolute;
                right: 10/37.5rem;
                top: 12/37.5rem;
                width: 15/37.5rem;
                height: 15/37.5rem;
                background: url("../../images/hyzicon/expand_btn.png") no-repeat center;
                background-size: 100% 100%;
              }
            }
          }
        }
      }
      .teach_mess {
        padding: 20/37.5rem 0 30/37.5rem;
        .teach_title {
          padding-bottom: 10/37.5rem;
          color: #333;
          font-size: 13/37.5rem;
          line-height: 20/37.5rem;
        }
        .envi_teach {
          .exam_text {
            width: 100%;
            min-height: 180/37.5rem;
            padding: 10/37.5rem;
            font-size: 13/37.5rem;
            color: #333;
            line-height: 18/37.5rem;
            background-color: #F3F3F3;
            border: 1px solid #dddddd;
            -webkit-border-radius: 8/37.5rem;
            -moz-border-radius: 8/37.5rem;
            -ms-border-radius: 8/37.5rem;
            -o-border-radius: 8/37.5rem;
            border-radius: 8/37.5rem;
          }
          .examples {
            padding-top: 5/37.5rem;
            .exam_teach {
              color: #0099FF;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
            }
            .length {
              color: #666666;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
              span {
                color: #FF530B;
              }
            }
          }
        }
      }
      //特色选择
      .characteristic {
        .charac_list {
          width: 100%;
          margin-bottom: 10/37.5rem;
          border-bottom: 1px solid #dddddd;
          .charac_p {
            color: #333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding: 0 15/37.5rem;
            margin: 20/37.5rem 0;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
          .current_list {
            color: #63A431;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }

      }
      //人数展示区域u
      .num_list {
        display: none;
        position: relative;
        .arr_san {
          display: block;
          width: 30/75rem;
          height: 30/75rem;
          position: absolute;
          left: 30/37.5rem;
          top: -5/37.5rem;
          border: 3px solid transparent;
          border-top: 3px solid #f3f3f3;
          border-left: 3px solid #f3f3f3;
          background-color: #f3f3f3;
          z-index: 99;
          opacity: .8;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        .num_ol {
          width: 100%;
          padding: 20/37.5rem 15/37.5rem 28/37.5rem;
          background-color: #F3F3F3;
          .num_teach {
            margin-bottom: -20/37.5rem;
          }
        }
      }
      //textarea
      .num_teach {
        margin-bottom: -20/37.5rem;
        .exam_text {
          width: 100%;
          min-height: 70/37.5rem;
          padding: 10/37.5rem;
          font-size: 13/37.5rem;
          color: #333;
          line-height: 18/37.5rem;
          background-color: #FFFFFF;
        }
        .examples {
          padding-top: 5/37.5rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
          }
          .length {
            color: #666666;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      // 添加其他特色
      .other_characteristic {
        width: 100%;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/37.5rem 15/37.5rem 20/37.5rem;
          font-size: 13/37.5rem;
          color: #333333;
          line-height: 18/37.5rem;
        }
        .other_ul {
          width: 100%;
          .other_list {
            width: 100%;
            padding: 0  30/37.5rem 20/37.5rem;
            margin-bottom: 20/37.5rem;
            border-bottom: 1px solid #dddddd;
            .charac_p {
              color: #333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/graydui.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .current_list {
              color: #63A431;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .charac_content {
              padding-top: 10/37.5rem;
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
            }
            .img_ol {
              margin-left: -10/37.5rem;
              padding-top: 20/37.5rem;
              .img_li {
                float: left;
                width: 84/37.5rem;
                height: 84/37.5rem;
                margin-bottom: 10/37.5rem;
                margin-left: 10/37.5rem;
                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                }
              }

            }
          }
          .other_list:nth-last-child(1) {
            border-bottom: none;
          }
        }
        .input_content {
          width: 100%;
          .con_text {
            width: 100%;
            padding: 0 15/37.5rem;
            .chara_name {
              width: 100%;
              font-size: 13/37.5rem;
              padding: 11/37.5rem 15/37.5rem;
              background-color: #fff;
            }
          }
          //确认添加按钮
          .addBtn {
            display: block;
            width: 100%;
            height: 58/37.5rem;
            color: #63A431;
            line-height: 58/37.5rem;
            font-size: 13/37.5rem;
            margin-top: 0;
            text-align: center;
            border-top: none;
          }
        }
      }
    }
  }
  //活动介绍
  .intrUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/37.5rem 20/37.5rem 37/37.5rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/37.5rem;
        background-color: rgba(255,255,255,0.2);
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress34{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress34:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress35{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress35:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress36{
        background: #ffffff;
        height: 100%;
        width: 33%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress36:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/37.5rem;
      }
      .progress_zeo {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        line-height: 17/37.5rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .intrUp_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        height: 55/37.5rem;
        padding: 0 20/37.5rem;
        background-color: #F2FDF1;
        .title_h {
          font-size: 14/37.5rem;
          color: #333333;
          line-height: 55/37.5rem;
        }
        //是否必填内容
        .compul {
          font-size: 10/37.5rem;
          line-height: 55/37.5rem;
          color: #999999;
        }
      }
      .envi_mess {
        padding: 10/37.5rem 20/37.5rem 0;
      }
      .teach_mess {
        padding: 0 0 30/37.5rem;
        .teach_title {
          padding-bottom: 10/37.5rem;
          color: #333;
          font-size: 14/37.5rem;
          line-height: 20/37.5rem;
        }
        .envi_teach {
          .exam_text {
            width: 100%;
            min-height: 180/37.5rem;
            padding: 10/37.5rem;
            font-size: 13/37.5rem;
            color: #333;
            line-height: 18/37.5rem;
            background-color: #F3F3F3;
            border: 1px solid #dddddd;
            -webkit-border-radius: 8/37.5rem;
            -moz-border-radius: 8/37.5rem;
            -ms-border-radius: 8/37.5rem;
            -o-border-radius: 8/37.5rem;
            border-radius: 8/37.5rem;
          }
          .examples {
            padding-top: 5/37.5rem;
            .exam_teach {
              color: #0099FF;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
            }
            .length {
              color: #666666;
              font-size: 10/37.5rem;
              line-height: 14/37.5rem;
              span {
                color: #FF530B;
              }
            }
          }
        }
      }
      //特色选择
      .characteristic {
        .charac_list {
          width: 100%;
          margin-bottom: 10/37.5rem;
          border-bottom: 1px solid #EEEEEE;
          .charac_p {
            color: #333333;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            padding: 0 15/37.5rem;
            margin: 20/37.5rem 0;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
          .current_list {
            color: #63A431;
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
            background-size: 16/37.5rem 16/37.5rem;
          }
        }

      }
      //人数展示区域u
      .num_list {
        display: none;
        position: relative;
        .arr_san {
          display: block;
          width: 30/75rem;
          height: 30/75rem;
          position: absolute;
          left: 30/37.5rem;
          top: -5/37.5rem;
          border: 3px solid transparent;
          border-top: 3px solid #f3f3f3;
          border-left: 3px solid #f3f3f3;
          background-color: #f3f3f3;
          z-index: 99;
          opacity: .8;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        .num_ol {
          width: 100%;
          padding: 20/37.5rem 15/37.5rem 28/37.5rem;
          background-color: #F3F3F3;
          .num_teach {
            margin-bottom: -20/37.5rem;
          }
        }
      }
      //textarea
      .num_teach {
        margin-bottom: -20/37.5rem;
        .exam_text {
          width: 100%;
          min-height: 70/37.5rem;
          padding: 10/37.5rem;
          font-size: 13/37.5rem;
          color: #333;
          line-height: 18/37.5rem;
          background-color: #FFFFFF;
        }
        .examples {
          padding-top: 5/37.5rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
          }
          .length {
            color: #666666;
            font-size: 10/37.5rem;
            line-height: 14/37.5rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      // 活动介绍添加其他特色
      .other_characteristic {
        width: 100%;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/37.5rem 15/37.5rem 20/37.5rem;
          font-size: 13/37.5rem;
          color: #333333;
          line-height: 18/37.5rem;
        }
        .other_ul {
          width: 100%;
          .other_list {
            width: 100%;
            padding: 0  30/37.5rem 20/37.5rem;
            margin-bottom: 20/37.5rem;
            border-bottom: 1px solid #dddddd;
            .charac_p {
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/graydui.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .current_list {
              color: #63A431;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
              background-size: 16/37.5rem 16/37.5rem;
            }
            .charac_content {
              padding-top: 10/37.5rem;
              color: #333333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
            }
            .img_ol {
              margin-left: -10/37.5rem;
              padding-top: 20/37.5rem;
              .img_li {
                float: left;
                width: 84/37.5rem;
                height: 84/37.5rem;
                margin-bottom: 10/37.5rem;
                margin-left: 10/37.5rem;
                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                }
              }

            }
          }
          .other_list:nth-last-child(1) {
            border-bottom: none;
            margin-bottom: 0;
          }
        }
        .input_content {
          width: 100%;
          .con_text {
            width: 100%;
            padding: 0 15/37.5rem;
            .chara_name {
              width: 100%;
              font-size: 13/37.5rem;
              padding: 11/37.5rem 15/37.5rem;
              background-color: #fff;
              margin-bottom: 10/37.5rem;
            }
          }
        }
      }
    }
  }
  //餐谱
  .mealUp {
    width: 100%;
    padding-bottom: 20/37.5rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/37.5rem 20/37.5rem 37/37.5rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/37.5rem;
        background-color: rgba(255,255,255,0.2);
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress34{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress34:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress37{
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress37:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress38{
        background: #ffffff;
        height: 100%;
        width: 20%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress38:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress39{
        background: #ffffff;
        height: 100%;
        width: 40%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress39:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .currProgress1 .currProgress40{
        background: #ffffff;
        height: 100%;
        width: 60%;
        border-radius:1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition:width 1s linear;
        /* Safari and Chrome */
        -webkit-transition:width 1s linear;
        /* Opera */
        -o-transition:width 1s linear;
        -webkit-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -moz-border-radius: 4/37.5rem 4/37.5rem;
        -o-border-radius: 4/37.5rem 4/37.5rem;
        border-radius: 4/37.5rem 4/37.5rem;
        position: relative;
      }
      .currProgress40:after {
        content: "";
        width: 7/37.5rem;
        height: 7/37.5rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/37.5rem;
        top: -2/37.5rem;
        border: 2/37.5rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/37.5rem;
      }
      .progress_zeo {
        width: 80/37.5rem;
        font-size: 12/37.5rem;
        line-height: 17/37.5rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .mealUp_content {
      width: 100%;
      position: relative;
      .basics_title {
        width: 100%;
        height: 55/37.5rem;
        color: #333;
        font-size: 14/37.5rem;
        line-height: 55/37.5rem;
        padding: 0 20/37.5rem;
        background-color: #F2FDF1;
      }
      .envi_mess {
        padding: 10/37.5rem 20/37.5rem 0;
        .week_title {
          padding-top: 20/37.5rem;
          color: #333;
          font-size: 14/37.5rem;
          line-height: 20/37.5rem;
        }
        .week_ul {
          padding-top: 20/37.5rem;
          padding-bottom: 20/37.5rem;
          .week_li {
            margin-bottom: 20/37.5rem;
            .week_label {
              display: block;
              float: left;
              width: 12%;
              line-height: 40/37.5rem;
              font-size: 13/37.5rem;
              color: #333;
            }
            .week_input {
              width: 88%;
              height: 40/37.5rem;
              float: left;
              font-size: 13/37.5rem;
              color: #333;
              line-height: 18/37.5rem;
              background-color: #f3f3f3;
              padding: 11/37.5rem 15/37.5rem 20/37.5rem;
            }
          }
        }
        .week_txt {
          width: 100%;
          margin-top: 30/37.5rem;
          background-color: #F9FCFA;
          padding: 20/37.5rem;
          .txt_tit {
            color: #333;
            font-size: 12/37.5rem;
            line-height: 17/37.5rem;
            padding-bottom: 10/37.5rem;
          }
          .txt_p {
            color: #999;
            font-size: 12/37.5rem;
            line-height: 17/37.5rem;
            padding-bottom: 20/37.5rem;
          }
          .file_a {
            display: block;
            text-align: right;
            color: #63A431;
            font-size: 12/37.5rem;
            line-height: 17/37.5rem;
            background: url("../images/greenarr.png") no-repeat right center;
            background-size: 7/37.5rem 11/37.5rem;
            padding-right: 20/37.5rem;
          }
        }
      }
    }
  }


  //6大板块资料上传预览
  .preview {
    width: 100%;
    .kinder_na {
      width: 100%;
      height: 55/37.5rem;
      color: #fff;
      font-size: 16/37.5rem;
      line-height: 55/37.5rem;
      padding: 0 20/37.5rem;
      background-color: #63A431;
    }
    .basics_title {
      width: 100%;
      height: 55/37.5rem;
      color: #333;
      font-size: 14/37.5rem;
      line-height: 55/37.5rem;
      padding: 0 20/37.5rem;
      background-color: #F2FDF1;
    }
    .basics_mess {
      padding: 28/37.5rem 20/37.5rem 0;
      .basicsmess_li {
        width: 100%;
        padding-bottom: 20/37.5rem;
        margin-bottom: 18/37.5rem;
        border-bottom: 1px solid #EEEEEE;
        .li_tit {
          .li_title {
            font-size: 15/37.5rem;
            line-height: 21/37.5rem;
            color: #333;
            //background: url("../../images/dataUp/edit_icon.png") no-repeat right center;
            //background-size: 12/37.5rem 12/37.5rem;
          }
          .kinder_title {
            margin-bottom: 10/37.5rem;
          }
          .edit_icon {
            display: block;
            width: 12/37.5rem;
            height: 12/37.5rem;
            margin: 5/37.5rem 0;
          }
        }
        .li_titleback {
          background: none;
        }
        .li_text {
          padding-top: 14/37.5rem;
          padding-left: 20/37.5rem;
          padding-right: 20/37.5rem;
          font-size: 13/37.5rem;
          line-height: 18/37.5rem;
          color: #666666;
          max-width: 100%;
          box-sizing: border-box!important;
          -webkit-box-sizing: border-box!important;
          word-wrap: break-word!important;
        }
        .li_phone {
          padding-top: 14/37.5rem;
          font-size: 13/37.5rem;
          line-height: 30/37.5rem;
          color: #666666;
          padding-left: 20/37.5rem;
        }
        //图片区域
        .img_ol {
          margin-left: -10/37.5rem;
          padding: 20/37.5rem 30/37.5rem 0 25/37.5rem;
          .img_li {
            float: left;
            width: 84/37.5rem;
            height: 84/37.5rem;
            margin-bottom: 10/37.5rem;
            margin-left: 10/37.5rem;
            img {
              display: block;
              width: 100%;
              height: 100%;
            }
          }
        }
        .kinder_list {
          width: 100%;
          margin-top: 10/37.5rem;
          padding: 20/37.5rem 20/37.5rem 1/37.5rem;
          background-color: #F3F3F3;
          .kinder_ol {
            width: 100%;
            .kinder_li {
              float: left;
              padding-bottom: 20/37.5rem;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              color: #666666;
              padding-right: 50/37.5rem;
            }
          }
          .ger_kinderp {
            font-size: 13/37.5rem;
            line-height: 18/37.5rem;
            color: #666;
            max-width: 100%;
            box-sizing: border-box!important;
            -webkit-box-sizing: border-box!important;
            word-wrap: break-word!important;
          }
          //图片区域
          .kinderimg_ol {
            margin-left: -10/37.5rem;
            padding: 20/37.5rem 12/37.5rem 0 10/37.5rem;
            .img_li {
              float: left;
              width: 84/37.5rem;
              height: 84/37.5rem;
              margin-bottom: 10/37.5rem;
              margin-left: 10/37.5rem;
              img {
                display: block;
                width: 100%;
                height: 100%;
              }
            }

          }
        }
        .kinder_namep {
          padding-bottom: 20/37.5rem;
          margin-bottom: 20/37.5rem;
          font-size: 14/37.5rem;
          line-height: 20/37.5rem;
          color: #333;
          border-bottom: 1px solid #DDDDDD;
        }
        //预览人数展示区域u
        .num_list {
          padding: 20/37.5rem 0 0;
          position: relative;
          .arr_san {
            display: block;
            width: 30/75rem;
            height: 30/75rem;
            position: absolute;
            left: 30/37.5rem;
            top: 15/37.5rem;
            border: 3px solid transparent;
            border-top: 3px solid #f3f3f3;
            border-left: 3px solid #f3f3f3;
            background-color: #f3f3f3;
            z-index: 99;
            opacity: .8;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
          }
          .num_ol {
            width: 100%;
            padding: 20/37.5rem 20/37.5rem 1/37.5rem;
            background-color: #F3F3F3;
            .num_li {
              padding-bottom: 20/37.5rem;
              margin-bottom: 20/37.5rem;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              color: #666666;
              border-bottom: 1px solid #DDDDDD;
            }
            .num_li:nth-last-child(1) {
              padding-bottom: 20/37.5rem;
              margin-bottom: 0;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              color: #666666;
              border-bottom: none;
            }
            .other_li {
              padding-bottom: 0.53333333rem;
              margin-bottom: 0.53333333rem  !important;
              font-size: 0.34666667rem;
              line-height: 0.48rem;
              color: #666666;
              border-bottom: 1px solid #DDDDDD  !important;
            }
          }
          .num_div {
            width: 100%;
            padding: 20/37.5rem 0 20/37.5rem;
            background-color: #F3F3F3;
            .get_text {
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              color: #333;
              padding: 0 20/37.5rem;
            }
          }
        }
        .render_list {
          .num_div {
            width: 100%;
            padding: 0 0 20/37.5rem;
            background-color: #F3F3F3;
            .get_text {
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              color: #666;
              padding: 0 20/37.5rem;
            }
            .get_content {
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              color: #666;
              padding: 10/37.5rem 20/37.5rem 0;
              max-width: 100%;
              box-sizing: border-box !important;
              -webkit-box-sizing: border-box !important;
              word-wrap: break-word !important;
            }
          }
        }
        .chara_list {
          padding: 20/37.5rem 10/37.5rem 0;
          .chara_ol {
            width: 100%;
            .chara_li {
              float: left;
              width: 50%;
              height: 40/37.5rem;
              color: #666666;
              font-size: 13/37.5rem;
              line-height: 40/37.5rem;
              padding: 0 10/37.5rem;
              background-color: #F3F3F3;
              border-bottom: 1px solid #fff;
              border-right: 1px solid #fff;
            }
          }
        }
        .basicsmess_other {
          margin-top: 20/37.5rem;
          padding: 10/37.5rem 0 0;
          position: relative;
          background-color: #f3f3f3;
          .arr_san {
            display: block;
            width: 30/75rem;
            height: 30/75rem;
            position: absolute;
            left: 30/37.5rem;
            top: -5/37.5rem;
            border: 3px solid transparent;
            border-top: 3px solid #f3f3f3;
            border-left: 3px solid #f3f3f3;
            background-color: #f3f3f3;
            z-index: 99;
            opacity: .8;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
          }
          .other_list {
            padding: 10/37.5rem 20/37.5rem 20/37.5rem;
            margin-bottom: 10/37.5rem;
            border-bottom: 1px solid #dddddd;
            .charac_p {
              color: #333;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
            }
            .charac_content {
              padding-top: 10/37.5rem;
              color: #666;
              font-size: 13/37.5rem;
              line-height: 18/37.5rem;
              max-width: 100%;
              box-sizing: border-box!important;
              -webkit-box-sizing: border-box!important;
              word-wrap: break-word!important;
            }
            .img_ol {
              margin-left: -10/37.5rem;
              padding: 20/37.5rem 0 0 12/37.5rem;
              .img_li {
                float: left;
                width: 84/37.5rem;
                height: 84/37.5rem;
                margin-bottom: 10/37.5rem;
                margin-left: 10/37.5rem;
                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                }
              }

            }
          }
          .other_list:nth-last-child(1) {
            border-bottom: none;
          }
        }
      }
      .basicsmess_li:nth-last-child(1) {
        border-bottom: none;
      }
      .basicsmess_nobor {
        border-bottom: none;
      }
    }
  }
}
//确认添加按钮
.addBtn {
  display: block;
  width: 100%;
  height: 58/37.5rem;
  color: #63A431;
  line-height: 58/37.5rem;
  font-size: 13/37.5rem;
  margin-top: 20/37.5rem;
  text-align: center;
  border-top: 1px solid #DDDDDD;
}
.add_teach {
  display: block;
  width: 100%;
  height: 54/37.5rem;
  background-color: #F3F3F3;
  .add_pro {
    display: block;
    margin: 0 auto;
    width: 100%;
    line-height: 54/37.5rem;
    text-align: center;
    color: #63A431;
    font-size: 14/37.5rem;
  }

}
//直接定位在底部
.btnstap {
  width: 100%;
  position: fixed;
  bottom: 25/37.5rem;
  left: 0;
  max-width: 540px;
  z-index: 10;
  background-color: #fff;
  .stap_div {
    padding-left: 20/37.5rem;
    padding-right: 20/37.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
  }
  a {
    display: block;
    flex: 1;
    height: 40/37.5rem;
    text-align: center;
    line-height: 40/37.5rem;
    font-size: 14/37.5rem;
    -webkit-border-radius: 4/37.5rem;
    -moz-border-radius: 4/37.5rem;
    -ms-border-radius: 4/37.5rem;
    -o-border-radius: 4/37.5rem;
    border-radius: 4/37.5rem;
  }
  .upper_btn {
    color: #999999;
    background: url("../images/uparr_icon.png") no-repeat 40/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    border: 1px solid #dddddd;
    margin-right: 20/37.5rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    background-color: #63A431;
  }
}
//自动挤下去在底部
.btnstap1 {
  width: 100%;
  padding-top: 50/37.5rem;
  .stap_div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    padding-left: 20/37.5rem;
    padding-right: 20/37.5rem;
  }
  a {
    display: block;
    flex: 1;
    height: 40/37.5rem;
    text-align: center;
    line-height: 40/37.5rem;
    font-size: 14/37.5rem;
    -webkit-border-radius: 4/37.5rem;
    -moz-border-radius: 4/37.5rem;
    -ms-border-radius: 4/37.5rem;
    -o-border-radius: 4/37.5rem;
    border-radius: 4/37.5rem;
  }
  .upper_btn {
    color: #999999;
    background: url("../images/uparr_icon.png") no-repeat 40/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    border: 1px solid #dddddd;
    margin-right: 20/37.5rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    background-color: #63A431;
  }
}
//没有上一步
.btnstap2 {
  width: 100%;
  position: fixed;
  bottom: 25/37.5rem;
  left: 0;
  max-width: 540px;
  z-index: 10;
  .stap_div {
    padding-left: 38/37.5rem;
    padding-right: 20/37.5rem;
  }
  a {
    display: block;
    float: right;
    width: 157/37.5rem;
    height: 40/37.5rem;
    text-align: center;
    line-height: 40/37.5rem;
    font-size: 14/37.5rem;
    -webkit-border-radius: 4/37.5rem;
    -moz-border-radius: 4/37.5rem;
    -ms-border-radius: 4/37.5rem;
    -o-border-radius: 4/37.5rem;
    border-radius: 4/37.5rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    background-color: #63A431;
  }
}
//没有上一步 随着页面在下面
.btnstap3 {
  padding-top: 50/37.5rem;
  width: 100%;
  padding-bottom: 20/37.5rem;
  .stap_div {
    padding-left: 38/37.5rem;
    padding-right: 20/37.5rem;
  }
  a {
    display: block;
    float: right;
    width: 157/37.5rem;
    height: 40/37.5rem;
    text-align: center;
    line-height: 40/37.5rem;
    font-size: 14/37.5rem;
    -webkit-border-radius: 4/37.5rem;
    -moz-border-radius: 4/37.5rem;
    -ms-border-radius: 4/37.5rem;
    -o-border-radius: 4/37.5rem;
    border-radius: 4/37.5rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    background-color: #63A431;
  }
}

//预览页按钮
.btnpreview {
  width: 100%;
  padding-bottom: 20/37.5rem;
  .stap_div {
    padding-left: 20/37.5rem;
    padding-right: 20/37.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
  }
  a {
    display: block;
    //float: left;
    flex: 1;
    //width: 130/37.5rem;
    height: 40/37.5rem;
    text-align: center;
    line-height: 40/37.5rem;
    font-size: 14/37.5rem;
    -webkit-border-radius: 4/37.5rem;
    -moz-border-radius: 4/37.5rem;
    -ms-border-radius: 4/37.5rem;
    -o-border-radius: 4/37.5rem;
    border-radius: 4/37.5rem;
  }
  .upper_btn {
    color: #999999;
    background: url("../images/uparr_icon.png") no-repeat 40/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    border: 1px solid #dddddd;
    margin-right: 20/37.5rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 140/37.5rem center;
    background-size: 7/37.5rem 10/37.5rem;
    background-color: #63A431;
  }
}

//资料审核中 按钮
.btnexamine {
  width: 100%;
  height: 54/37.5rem;
  background-color: #F3F3F3;
  .examine {
    display: block;
    line-height: 54/37.5rem;
    font-size: 14/37.5rem;
    color: #63A431;
    text-align: center;
  }
}
//上传图片
.container {
  width: 100%;
  height: 100%;
  margin-top: 30/37.5rem;
  padding: 0 20/37.5rem 0 28/37.5rem;
}
.container1 {
  width: 100%;
  height: 100%;
  margin-top: 30/37.5rem;
  padding: 0 10/37.5rem 0 13/37.5rem;
}

.z_photo {
  margin-left: -12/37.5rem;

}

.z_photo .img_list {
  width: 84/37.5rem;
  height: 84/37.5rem;
}
.addimg_par {
  float: left;
  width: 84/37.5rem;
  height: 84/37.5rem;
  position: relative;
  margin-left: 12/37.5rem;
  margin-bottom: 12/37.5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 12/37.5rem 0 rgba(218, 218, 218, 0.5);
  -mos-box-shadow: 0 0 12/37.5rem 0 rgba(218, 218, 218, 0.5);
  -ms-box-shadow: 0 0 12/37.5rem 0 rgba(218, 218, 218, 0.5);
  -o-box-shadow: 0 0 12/37.5rem 0 rgba(218, 218, 218, 0.5);
  box-shadow: 0 0 12/37.5rem 0 rgba(218, 218, 218, 0.5);
}
.z_addImg {
  width: 84/37.5rem;
  height: 84/37.5rem;
  overflow: hidden;
  position: relative;
  background-color: #EEEEEE;
}
.close_icon {
  position: absolute;
  right: -7/37.5rem;
  top: -7/37.5rem;
  width: 14/37.5rem;
  height: 14/37.5rem;
  z-index: 2;
}
.z_addImg .img_list {
  width: 100%;
  height: auto;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.z_file {
  width: 84/37.5rem;
  height: 84/37.5rem;
  background: url(../../images/hyzicon/z_add.png) no-repeat center;
  background-size: 36/37.5rem 36/37.5rem;
  float: left;
  margin-left: 12/37.5rem;
  background-color: #EEEEEE;
}

.z_file input::-webkit-file-upload-button {
  width: 1rem;
  height: 1rem;
  border: none;
  position: absolute;
  outline: 0;
  opacity: 0;
}

.z_file input {
  width: 84/37.5rem;
  height: 84/37.5rem;
  display: block;
  //width: auto;
  //border: 0;
  opacity: 0;
  color: rgba(255,255,255,0);
  vertical-align: middle;
}
/*遮罩层*/

.z_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.z_alert {
  width: 3rem;
  height: 2rem;
  border-radius: .2rem;
  background: #fff;
  font-size: .24rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.5rem;
  margin-top: -2rem;
}

.z_alert p:nth-child(1) {
  line-height: 1.5rem;
}

.z_alert p:nth-child(2) span {
  display: inline-block;
  width: 49%;
  height: .5rem;
  line-height: .5rem;
  float: left;
  border-top: 1px solid #ddd;
}

.z_cancel {
  border-right: 1px solid #ddd;
}